<table id="tabla_tareas" class="scroll" cellpadding="0" cellspacing="0"></table> 
<div id="pager_tareas" class="scroll" style="text-align:center;"></div> 

<script type="text/javascript">
  jQuery("#tabla_tareas").jqGrid({ 
    url: "<%= url_for(:controller => "tareas", :action => "datos") %>" ,
    editurl: "<%= tareas_url%>" ,
    colNames:[
        'Descripcion',
        'Peso',
        'Cargo',
      ],
    colModel : [
      {name: 'tarea[descripcion]', index: 'descripcion', width: 200, align: 'left', editable: true},
      {name: 'tarea[peso]', index: 'peso', width: 200, align: 'left', editable: true},
      {name: 'tarea[cargo]', index: 'cargo', width: 200, align: 'left', editable: true},
      ],
    sortname: "descripcion",
    sortorder: "asc",
    caption: 'Tareas',
    <% if @window -%>
    ondblClickRow: function( rowid) {
      guardar('tabla_tareas', '<%=@campo_nombre%>', '<%=@campo_id%>');
      },
    <% end %>
    height: 400,
    <%= default_grid_options(:model => 'tareas', :view => tareas_path) %>
</script>

<% if @window -%>
      <a href="javascript:guardar('tabla_tareas', '<%=@campo_nombre%>', '<%=@campo_id%>');"><b>Aceptar</b></a>
<% else -%>
  <% content_for :sidebar do -%> 
    <h3>Acciones</h3>
    <%= boton 'Nuevo tarea', new_tarea_path, :imagen => 'agregar' %> <br /> 
    <%= boton 'Ver tarea', "javascript:abrir(null)", :imagen => 'ver' %>
  <% end -%>
<% end -%>
